<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>GA结果展示</title>

    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
	<script src="https://apis.google.com/js/client.js?onload=authorize"></script>
</head>

<body>

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand">Google Analytics</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><button id="auth-button">授权</button></li>
            </ul>
        </div>
    </div>
</nav>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <h3 class="text-primary">用户信息</h3>
            <ul class="nav nav-sidebar">
                <li><a href="#table1">年龄性别</a></li>
                <li><a href="#table2">引荐情况</a></li>
                <li><a href="#table3">浏览时间</a></li>
                <li><a href="#table4">用户位置</a></li>
                <li><a href="#table5">操作系统和浏览器</a></li>
				<hr/>
				<li><a>注意：如果没有内容请右上角授权</a></li>
            </ul>
        </div>
		<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" id='main' hidden>
            <h1 class="page-header">详细信息</h1>
			<table class="table table-striped" id='table1'>
				<h1></h1>
				<caption>年龄性别</caption>
				<thead>
					<tr>
					<th>Age</th>
					<th>Gender</th>
					<th>Sessions</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
			<table class="table table-striped" id='table2'>
			<h1></h1>
				<caption>引荐情况</caption>
				<thead>
					<tr>
					<th>Full Referrer</th>
					<th>Sessions</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
			<table class="table table-striped" id='table3'>
			<h1></h1>
				<caption>浏览时间</caption>
				<thead>
					<tr>
					<th>Hour of Day</th>
					<th>Sessions</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
			<table class="table table-striped" id='table4'>
			<h1></h1>
				<caption>用户位置</caption>
				<thead>
					<tr>
					<th>Ip</th>
					<th>Geography</th>
					<th>Sessions</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
			<table class="table table-striped" id='table5'>
			<h1></h1>
				<caption>操作系统和浏览器</caption>
				<thead>
					<tr>
					<th>Brower</th>
					<th>OS</th>
					<th>Sessions</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
		</div>
		<h1 class="page-header">详细信息</h1>
    </div>
</div>
<script src="js/index.js"></script>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</body>
</html>
